<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"> 

<title>Dojo Button Widget Test</title>

<script type="text/javascript">
	var djConfig = { isDebug: true };
</script>

<script type="text/javascript" src="../../dojo.js"></script>
<script type="text/javascript">
	delete dojo["profile"]; // hack!
	dojo.require("dojo.profile");
	dojo.require("dojo.widget.*");
	dojo.require("dojo.event.*");
	dojo.require("dojo.widget.Button");
	dojo.require("dojo.widget.html.Button");
	dojo.hostenv.writeIncludes();
</script>
<script type="text/javascript">
	function init(){
		var buttonArgs = {
			label: "button from script",
			onFoo: function(){
				dojo.debug("dojo.widget.button.onFoo");
			},
			onClick: function(){
				dojo.debug("dojo.widget.button.onClick");
			}
		};
		var button = dojo.widget.createWidget("Button", buttonArgs);
		dojo.html.body().appendChild(button.domNode);
	}

	dojo.addOnLoad(init);
</script>

<!-- button from class name -->
<button class="dojo-button">
	<img src="images/reply.gif"> Reply
</button>


<button id="testDojoButton" class="dojo-button"
	onClick="alert(this.domNode.innerHTML);" onFoo="dojo.hostenv.println('onFoo');">
	<img src="images/forward.gif"> Forward
</button>

<dojo:button dojo:label="from namespace prefix"></dojo:button>

<button dojo:type="button" label="namespace'd attribute used" onClick="dojo.debug('foo');">
	button from namespace'd attribute
</button>
